<template>
  <div class="main-customer">
    <div class="platform-search flex items-center justify-between p-2.5">
      <div>
        <el-tabs v-model="platformType" @tab-click="handleClickPlatform">
          <el-tab-pane label="全部" name="all" />
          <el-tab-pane label="公众号" name="wechat" />
          <el-tab-pane label="自由平台" name="free" />
          <el-tab-pane label="企业微信" name="work-wechat" />
          <el-tab-pane label="小程序" name="app" />
          <el-tab-pane label="抖音" name="douyin" />
        </el-tabs>
      </div>
      <dk-customer-platform-add />
    </div>
    <dk-customer-platform-list :key="platformType" :type="platformType" />
  </div>
</template>

<script setup>
import { ref } from 'vue'

defineOptions({
  name: 'CustomerPlatformList'
})

const platformType = ref('all')
const input = ref('')
const select = ref('')

const handleClickPlatform = () => {}
</script>
<style scoped lang="scss">
.main-customer {
  :deep() {
    .el-tabs__nav-wrap::after {
      background: none;
    }
  }
}
</style>
